<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script>

        // 字符串

        var str='xiaoxie';
        // indexof 查找子字符串在父字符串出现的第一次位置
        // 如果两个参数 则从后面一个参数的位置开始寻找
        console.log(str.indexOf('x',2));

        // charAt 根据下标找到字
        console.log(str.charAt(2));

        // 操作
        // concat 做拼接 意思和+一样
        console.log(str.concat('henshuai'));

        // 字符串截取
        // 一个参数  从第几位开始截取 截到最后
        // 两个参数  从第几位开始截取  截取几位
        console.log(str.substr(4,2));

        // 替换
        // replace将第一个参数在字符串内第一次出现的位置替换为第二个参数
        // replaceAll 将所有字符串都进行替换
        console.log(str.replace('x','X'));

        // 将字符串转换为数组 将字符串以特定的符号转换成数组
        var str2='1,2,3,4,5,6';
        var arr=str2.split(',');
        console.log(arr);

        // 模板字符串
        var str3='ahjksdhasjk \n'+
       ' hjaksdhaskjh'

       console.log(str3);

       // 可以换行
       var str4=`asdjkhaskhd
ajshdkahsdkj
ajkdhajksdh`;
       console.log(str4);

       var name='xieyanzu';

       // 匹配变量
       var str5=`我叫 ${name}`
       console.log(str5);

       var xiaoxie={
           name:'xie',
           age:17
       }

       // 匹配对象
       var str6=`wojiao ${xiaoxie.name} wo ${xiaoxie.age} sui`;
       console.log(str6);

       function fun1(){
           return 'xiaoxie';
       }

       // 匹配方法
       var str7=`wojiao ${fun1()}`;
       console.log(str7);
    </script>
</body>
</html>